﻿@model IEnumerable<KCMS.Web.Models.ProductImageViewModel>
@using KCMS.Helpers
<div class="product-image-big">
@if (Model.First().ImageFile != null)
{
    <a href="@Url.ContentImageUpload(@Model.First().ImageFile)" class="jqzoom" rel='gal1' >
        <img itemprop="image" src="@Url.ContentImageUpload(@Model.First().ImageFile)" alt="@Model.First().Product.Title @Model.First().Product.Brend.Title @Model.First().Product.Article" style=" width: 320px;"/>
    </a>
}
</div>
<ul id="thumblist">
    @for (int i = 0; i < Model.Count(); i++)
    {
        var item = Model.ElementAt(i);
        if (item.ImageFile != null)
        {
        <li><a @if (i == 0)
               {
                   <text> class="zoomThumbActive"
                   </text>
               }
                    href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '@Url.ContentImageUpload(@item.ImageFile)',largeimage: '@Url.ContentImageUpload(@item.ImageFile)'}">
            <img src="@Url.ContentImageUpload(@item.ColorImageFile)" alt="@item.Product.Title @item.Product.Brend.Title @item.Product.Article цвет: @item.Color"/>
        </a></li>
        }
    }
</ul>

